<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-3.2.1.min.js"></script>
<title>无标题文档</title>
</head>
<body>  
    <div>下拉加载更多</div>  
    <div class="main" style="height:700px;overflow:auto;">  
        <div class="child" style='border:1px solid red;margin-top:20px;color:grey;height:800px' >
        <h1>辣椒小炒肉：</h1>
        <img src="images/850a04e32ca5257b4ff490e4a0505976.jpg" width="328" height="439" />
        <input name="" type="button" value="查看菜式介绍" onclick=" chakan()" /></div>  
    </div>  
</body>  
<script  type="text/javascript">  
$(document).ready(function(){  
    $(".main").unbind("scroll").bind("scroll", function(e){  
        var sum = this.scrollHeight;  
        if (sum <= $(this).scrollTop() + $(this).height()) {  
            $(".main").append($(".child").clone());  
        }  
    });  
});  
function chakan(){
	alert("这是一道湖南家常菜。在家乡的做法是辣椒多肉少，肉只是为了配合辣椒的香味，若是在市场买到新鲜的山猪肉那更是绝了，白酒料酒什么的都是多余。湖南菜的辣，就算是只有一盘子的绿色，夹一口吃起来也能辣到你的舌尖，多扒几口白米饭。每每桌上有这道菜，我都会毫不客气痛快的吃两碗米饭，这才踏踏实实的满足了胃。");
	}
</script> 
</html>
